<?php session_start();
if (empty($_SESSION['nombre']))
	echo "<meta http-equiv='Refresh' content='0;url=../index.php'>";
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Reportes call center</title>
    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
   	<link href="../bootstrap/css/view.css" rel="stylesheet">
   	<link href="../bootstrap/css/cupertino/jquery.ui.all.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="../bootstrap/scripts/view.js"></script>
	<script type="text/javascript" src="../bootstrap/scripts/jquery.js"></script> 
	<script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script> 
	<script type="text/javascript" src="../bootstrap/js/jquery.ui.core.min.js"></script>
	<script type="text/javascript" src="../bootstrap/js/jquery.ui.datepicker.min.js"></script> 
   	<script type="text/javascript">
		$(document).ready(function()
		{
		   var jQueryDatePicker1Opts =
		   {
		      dateFormat: 'mm/dd/yy',
		      changeMonth: false,
		      changeYear: false,
		      showButtonPanel: false,
		      showAnim: 'show'
		   };
		   $("#fecha1").datepicker(jQueryDatePicker1Opts);
		   $("#fecha2").datepicker(jQueryDatePicker1Opts);
		});
</script>
   	
 <style type="text/css">
.ui-datepicker
{
   font-family: Arial;
   font-size: 13px;
   z-index: 1003 !important;
   display: none;
}
</style>
   	
  </head>
<body >
<div id="a_header">
		<div class="container">
			<div class="row">
				<div class="span10">
					
					<img src="../imagenes/CRM HV alta.png" width="175" height="110"  style="float:left;" alt="" />					</a>
					<div style="display:inline-block; margin-top:20px;">
						<h3 style="margin:0px;">Sistema de Administraci&oacute;n y gesti&oacute;n de clientes(CRM)</h3>
					</div>
				</div>
					<div class="btn-group pull-right upan">
						  <button type="button" class="btn btn-primary" id ="drop"><span class= "glyphicon glyphicon-user"><?php if (! empty($_SESSION['nombre'])) echo("   ". $_SESSION['user']);?></span></button>
						  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" id="drop2">
						    <span class="caret"></span>
						  </button>
						  
						  <ul class="dropdown-menu" role="menu">
						  
						    <li><a href="../TableroInicio.php" title="Tablero Principal">Inicio</a></li>
						     <li class="divider"></li>
						    <li><a href="../cerrar_sesion.php" title="Cerrar sesi&oacute;n">Salir</a></li>
						  </ul>
					</div>
			</div>
		</div>
 	</div> 
<div style="background-color:#0455A7; height:3px;"></div>	<!--  fin header -->

<div class="container" style= "width: 100%">
				
	<div id="reporte" style="text-align:left;">
		<h4>Reporte de call center</h4>
		<nav class="navbar navbar-default" role="search">
		<form class="form-inline" role="form" style= " width:100%;" >
			  <div class="form-group">
			    <label for="fecha1">Fecha inicio:</label>
			    <input type="text" class="form-control" id="fecha1" size="5" placeholder="Fecha..">
			  </div>
			  
			  <div class="form-group">
			    <label for="fecha1">Fecha fin:</label>
			    <input type="text" class="form-control" id="fecha2" size="5" placeholder="Fecha..">
			  </div>

			  <div class="form-group">
			    <label for="cliente">Cliente:</label>
			    <input type="text" class="form-control" id="cliente" size="8" placeholder="Cliente o c&eacute;dula..">
			  </div>
			   <div class="form-group">
			    <label for="monto1">Monto inicio:</label>
			    <input type="text" class="form-control" id="monto1" size="5" placeholder="Monto..">
			  </div>
			  
			  <div class="form-group">
			    <label for="monto2">Monto fin:</label>
			    <input type="text" class="form-control" id="monto2" size="5" placeholder="Monto..">
			  </div>
			  <div class="form-group">
			    <label for="obs">Observaci&oacute;n:</label>
			    <input type="text" class="form-control" id="obs" size="5" placeholder="Observaci&oacute;n..">
			  </div>
			  <div class="form-group">
			    <input type="checkbox" id="sum" class="form-control" onclick="habilitarsort(this);">
			    <label for="sum">(Sumatoria)</label>
			  </div>
			  <div class="form-group" id="sort" style= " width:50px;"  >
					   <div class="form-group" >
					    <input type="radio" id="up" name="sort" class="form-control" disabled>
					    <label for="up"><span class= "glyphicon glyphicon-sort-by-order"></span></label>
					  </div>
					   <div class="form-group" >
					    <input type="radio" id="down" name="sort" class="form-control" checked disabled>
					    <label for="down"><span class= "glyphicon glyphicon-sort-by-order-alt"></span></label>
					  </div>
			  </div>
			  <div class="form-group">
			    <label for="users">Operador:</label>
			    <select id ="users" class= "element select" >	
			    <option value='0'>Seleccione..</option>						
				</select> 
												<script type="text/javascript">
												window.onload = function cargarUsuarios()
												{
													 $(function () 
															  {
															    $.ajax({                                      
															      url: 'cargarusuarios.php', 
															                          
															      dataType: "json",                
															      success: function(data)          
																	{
																	if( data == 0)
																	{
																		document.getElementById('users').innerHTML="No hay data.";
																	}
																	else
																	{
																		 for(f=0;f<data.length;f+=3)
																		{
																			 $("<option value='"+data[f]+"'>"+data[f+1]+" "+data[f+2]+"</option>").appendTo("#users");
																		} 
																		 
																	}
															      }
															    });
															  });
													 cargarExpos();
													 cargarCats();
												}
											</script>
			  </div>
			  <div class="form-group">
			    <label for="categorias">Categor&iacute;as:</label>
			    <select id ="categorias" class= "element select" >	
			    <option value='0'>Seleccione..</option>						
				</select> 
												<script type="text/javascript">
												
												function cargarCats(){
													
													 $(function () 
															  {
															    $.ajax({                                      
															      url: 'cargarselects.php', 
															      data: "tipo=categorias",                   
															      dataType: "json",                
															      success: function(data)          
																	{
																	if( data == 0)
																	{
																		document.getElementById('categorias').innerHTML="No hay data.";
																	}
																	else
																	{
																		
																		 for(f=0;f<data.length;f+=2)
																		{
																			 $("<option value='"+data[f]+"'>"+data[f+1]+"</option>").appendTo("#categorias");
																		} 
																		 
																	}
															      }
															    });
															  });
													 cargarFormas();
												}
											</script>
			  </div>
			  <div class="form-group">
			    <label for="expos">Expositores:</label>
			    <select id ="expos" class= "element select" >	
			    <option value='0'>Seleccione..</option>						
				</select> 
												<script type="text/javascript">
												
												function cargarExpos(){
													
													 $(function () 
															  {
															    $.ajax({                                      
															      url: 'cargarselects.php', 
															      data: "tipo=expos",                   
															      dataType: "json",                
															      success: function(data)          
																	{
																	if( data == 0)
																	{
																		document.getElementById('expos').innerHTML="No hay data.";
																	}
																	else
																	{
																		
																		 for(f=0;f<data.length;f+=3)
																		{
																			 $("<option value='"+data[f]+"'>"+data[f+1]+" "+data[f+2]+"</option>").appendTo("#expos");
																		} 
																		 
																	}
															      }
															    });
															  });
													 cargarEventos();
												}
											</script>
			  </div>
			  
			  
			  
			  <div class="form-group">
			    <label for="expos">Eventos:</label>
			    <select id ="eventos" class= "element select" >	
			    <option value='0'>Seleccione..</option>						
				</select> 
												<script type="text/javascript">
												
												function cargarEventos(){
													
													 $(function () 
															  {
															    $.ajax({                                      
															      url: 'cargarselects.php', 
															      data: "tipo=eventos",                   
															      dataType: "json",                
															      success: function(data)          
																	{
																	if( data == 0)
																	{
																		document.getElementById('eventos').innerHTML="No hay data.";
																	}
																	else
																	{
																		
																		 for(f=0;f<data.length;f+=2)
																		{
																			 $("<option value='"+data[f]+"'>"+data[f+1]+"</option>").appendTo("#eventos");
																		} 
																		 
																	}
															      }
															    });
															  });
													
												}
											</script>
			  </div>
			  
			  <div class="form-group">
			    <label for="formas">Formas de pago:</label>
			    <select id ="formas" class= "element select" >	
			    <option value='0'>Seleccione..</option>						
				</select> 
												<script type="text/javascript">
												
												function cargarFormas(){
													
													$(function () 
															  {
															    $.ajax({                                      
															      url: 'cargarselects.php', 
															      data: "tipo=formas",                   
															      dataType: "json",                
															      success: function(data)          
																	{
																	if( data == 0)
																	{
																		document.getElementById('formas').innerHTML="No hay data.";
																	}
																	else
																	{
																		
																		 for(f=0;f<data.length;f+=2)
																		{
																			 $("<option value='"+data[f]+"'>"+data[f+1]+"</option>").appendTo("#formas");
																		} 
																		 
																	}
															      }
															    });
															  });
												}
											</script>
			  </div>
			   
			  <div class="form-group">
			  <button type="button" class="btn btn-success btn-xs" onclick="reportar();">Reporte</button>
			  <button type="reset" class="btn btn-default btn-xs" >Limpiar</button>
			  <button type="button" class="btn btn-warning btn-xs" onclick="cancelar();">Salir</button>
			  </div>
		</form>
			 
		</nav>
	</div>
</div>
	<div class="container" style="min-height:300px;">
	
		<div id="tabla">
		</div>
	
	</div>
	
   
    <footer style="margin-top: 20px; background-color:#FFF;">
		<div style="background-color:#00f; height:5px;"></div>
        <div class="container" style="height:100px;">
			<div class="row">
				<div class="span2" style="float:right;">
					<p style="">Desarrollado por:</p>
					<a href="http://www.3tech-panama.com"><img src="../imagenes/3techpaylogo.png"alt="3tech panama" style="width:134px; height:50px; float:right;" /></a>
			   </div>
			</div>
		</div>
        <div style="background-color:#0000FF; height:25px;">
            <div class="container" >
                <p style="margin-left: 10px; color:#FFF;">Copyright &copy; 2013 HOSANNA. Todos los derechos reservados. </p>
            </div>
        </div>	
    </footer>
</body>
<script type="text/javascript">
$taghtml = "<div class='progress progress-striped active'><div class='progress-bar'  role='progressbar' aria-valuenow='50' aria-valuemin='0' aria-valuemax='50' style='width: 100%'>";
$taghtml +=  "<div class='progress-bar'  role='progressbar' aria-valuenow='50' aria-valuemin='0' aria-valuemax='50' style='width: 100%'></div></div>";
function cancelar() {
	window.location="../TableroInicio.php";
}											
function devolverFechaMysql(fechajs)
{
	var partes = fechajs.split("/");
	var fechamysql = partes[2]+"-"+partes[0]+"-"+partes[1];
	return fechamysql;
}


function reportar()
{
    query="";
	var fecha1 = document.getElementById("fecha1").value;
	var fecha2 = document.getElementById("fecha2").value;
	
	var users = document.getElementById("users").value;
	var cliente = document.getElementById("cliente").value;
	var monto1 = document.getElementById("monto1").value;
	var monto2 = document.getElementById("monto2").value;
	var asc = document.getElementById("up").checked;
	sum = document.getElementById("sum").checked;

	var expos = document.getElementById("expos").value;	
	var eventos = document.getElementById("eventos").value;
	var formas = $("#formas option:selected").html();
	var categoria = document.getElementById("categorias").value;
	var obs = document.getElementById("obs").value;

	if(fecha1 == "" && fecha2 == "" && cliente == "" && monto1 == "" && monto2 == "" && obs == "" && users == 0 && categoria == 0 && expos == 0 && eventos == 0 && formas == "Seleccione..")
	{
		document.getElementById('tabla').innerHTML = "<strong>Sin Resultados</strong><br>";
		return;
	}
	
	

	
    if(sum)
    {
       
    	query="SELECT llamadas.idllamadas,";
		query += "llamadas.cedula,";
		query += "clientes.nombres as nombre_cliente,";
		query += "clientes.apellidos as apellido_cliente,";
		query += "categoriasclientes.descripcion,";
		query += "llamadas.fecha_llamada,";
		query += "SUM(llamadas.cantidad) AS SUMATORIA,";
		query += "expos.nombres,";
		query += "expos.apellidos,";
		query += "eventos.nombre as evento,";
		query += "usuarios.nombre,";
		query += "usuarios.apellido,";
	    query += "llamadas.formapago,";
		query += "llamadas.observacion ";
			query += "FROM ((((hossbd.llamadas llamadas ";
				query += "INNER JOIN hossbd.expos expos ";
					query += "ON (llamadas.idexpositor = expos.idexpos)) ";
	          query += "INNER JOIN hossbd.clientes clientes ";
	        	  query += "ON (llamadas.cedula = clientes.cedula)) ";
	         query += "INNER JOIN hossbd.categoriasclientes categoriasclientes ";
	        	 query += "ON (clientes.categoria = categoriasclientes.idcategoriasclientes)) ";
	        query += "INNER JOIN hossbd.usuarios usuarios ";
	        	query += "ON (llamadas.idusuario = usuarios.idusuarios)) ";
	       query += "INNER JOIN hossbd.eventos eventos ";
	    	   query += "ON (llamadas.idevento = eventos.ideventos) ";
			
				
    }
    else
    {
    	query="SELECT llamadas.idllamadas,";
		query += "llamadas.cedula,";
		query += "clientes.nombres  as nombre_cliente,";
		query += "clientes.apellidos as apellido_cliente,";
		query += "categoriasclientes.descripcion,";
		query += "llamadas.fecha_llamada,";
		query += "llamadas.cantidad,";
		query += "expos.nombres,";
		query += "expos.apellidos,";
		query += "eventos.nombre as evento,";
		query += "usuarios.nombre,";
		query += "usuarios.apellido,";
	    query += "llamadas.formapago,";
		query += "llamadas.observacion ";
			query += "FROM ((((hossbd.llamadas llamadas ";
				query += "INNER JOIN hossbd.expos expos ";
					query += "ON (llamadas.idexpositor = expos.idexpos)) ";
	          query += "INNER JOIN hossbd.clientes clientes ";
	        	  query += "ON (llamadas.cedula = clientes.cedula)) ";
	         query += "INNER JOIN hossbd.categoriasclientes categoriasclientes ";
	        	 query += "ON (clientes.categoria = categoriasclientes.idcategoriasclientes)) ";
	        query += "INNER JOIN hossbd.usuarios usuarios ";
	        	query += "ON (llamadas.idusuario = usuarios.idusuarios)) ";
	       query += "INNER JOIN hossbd.eventos eventos ";
	    	   query += "ON (llamadas.idevento = eventos.ideventos) ";
    }
	
	var papacaliente = false;
	
		
	if(fecha1 != "")
	{
		fecha1 = devolverFechaMysql(fecha1);
		query += "where (llamadas.fecha_llamada >= '"+fecha1+"') ";
		papacaliente=true;
	}
	
		
	if(fecha2 != "" && papacaliente)
	{
		fecha2 = devolverFechaMysql(fecha2);
		query += "and (llamadas.fecha_llamada <= '"+fecha2+"') ";
	}
	else if(fecha2 != "" && !papacaliente)
	{
		fecha2 = devolverFechaMysql(fecha2);
		query += "where (llamadas.fecha_llamada <= '"+fecha2+"') ";
		papacaliente=true;
	}

	if(cliente != "" && papacaliente)
	{
		query += "and ((clientes.nombres like '%"+cliente+"%') or (clientes.cedula like '%"+cliente+"%')) ";
	}
	else if(cliente != "" && !papacaliente)
	{
		query += "where ((clientes.nombres like '%"+cliente+"%') or (clientes.cedula like '%"+cliente+"%')) ";
		papacaliente=true;
	}
	
	if(users != 0 && papacaliente)
	{
		query += "and (idusuario = '"+users+"') ";
	}
	else if(users != 0 && !papacaliente)
	{
		query += "where (idusuario = '"+users+"') ";
		papacaliente=true;
	}
	
	if(categoria != 0 && papacaliente)
	{
		query += "and (clientes.categoria = '"+categoria+"') ";
	}
	else if(categoria != 0 && !papacaliente)
	{
		query += "where (clientes.categoria = '"+categoria+"') ";
		papacaliente=true;
	}

	if(expos != 0 && papacaliente)
	{
		query += "and (idexpositor = '"+expos+"') ";
	}
	else if(expos != 0 && !papacaliente)
	{
		query += "where (idexpositor = '"+expos+"') ";
		papacaliente=true;
	}

	if(eventos != 0 && papacaliente)
	{
		query += "and (idevento = '"+eventos+"') ";
	}
	else if(eventos != 0 && !papacaliente)
	{
		query += "where (idevento = '"+eventos+"') ";
		papacaliente=true;
	}

	if(formas != "Seleccione.." && papacaliente)
	{
		query += "and (formapago = '"+formas+"') ";
	}
	else if(formas != "Seleccione.." && !papacaliente)
	{
		query += "where (formapago = '"+formas+"') ";
		papacaliente=true;
	}
	if(obs != "" && papacaliente)
	{
		query += "and (observacion = '"+obs+"') ";
	}
	else if(obs != "" && !papacaliente)
	{
		query += "where (observacion = '"+obs+"') ";
		papacaliente=true;
	}
	if(!sum){
		if(monto1 != "" && papacaliente)
		{
			query += "and (llamadas.cantidad >= '"+monto1+"') ";
		}
		else if(monto1 != "" && !papacaliente)
		{
			
			query += "where (llamadas.cantidad >= '"+monto1+"') ";
			papacaliente=true;
		}
	
		if(monto2 != "" && papacaliente)
		{
			query += "and (llamadas.cantidad <= '"+monto2+"') ";
		}
		else if(monto2 != "" && !papacaliente)
		{
			query += "where (llamadas.cantidad <= '"+monto2+"') ";
			papacaliente=true;
		}
		}
	else
		{
				query += " GROUP BY clientes.cedula ";
				if(monto1 != "" && monto2 == "")
				{
					query += "HAVING (SUMATORIA >= '"+monto1+"') ";
				}
				
				else if(monto2 != "" && monto1 == "")
				{
					query += "HAVING(SUMATORIA <= '"+monto2+"') ";
				}
				else if(monto2 != "" && monto1 != "")
				{
					query += "HAVING(SUMATORIA >= '"+monto1+"' and SUMATORIA <= '"+monto2+"')";
					
				}
		}
	
	 if(sum)
    {
       if(asc)
       {
    	   query += " ORDER BY SUMATORIA ASC ";
       }
		else
		{
			query += " ORDER BY SUMATORIA DESC ";			
		}		
				
    } 
	
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = mostrar;
	conexhttp.open('GET',"getdatareporte3.php?query="+query+"&sum="+sum, true);
	conexhttp.send(null);
}
var query;
var sum;
function reportarpdf()
{
	location.href='reportes.php?query='+query+"&sum="+sum;
}
function mostrar()
{
	if(conexhttp.readyState == 4)
		document.getElementById('tabla').innerHTML = conexhttp.responseText;
	 else 
		document.getElementById('tabla').innerHTML = "<strong>Procesando, por favor espere...</strong><br>"+$taghtml;
}

	function Cancelar() {
		window.location="../TableroInicio.php";
	}
	function crearXMLHttpRequest() 
	{
	  var xmlHttp=null;
	  if (window.ActiveXObject) 
	    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
	  else 
	    if (window.XMLHttpRequest) 
	      xmlHttp = new XMLHttpRequest();
	  return xmlHttp;
	}

	var conexhttp;  
	function habilitarsort(obj)
	{
		mostrarSort(obj.checked);
	}
	function mostrarSort(opcion)
	{
	       document.getElementById("up").disabled = !opcion ;
	       document.getElementById("down").disabled = !opcion ;
	        
	}

</script>

</html>